import React from './react';
import ReactDom from './react-dom';

/**
 * 1.事件处理中的this指针
 *   a.公共 属性 箭头函数 回调里的this指针 永远指向当前组件的实例
 *   b. 匿名函数
 *   c. bind
 */

class Counter extends React.Component {
  constructor(props){
    super(props);
    this.state={number: 0}
  }

  handleClick(){
    this.setState(prevState=>({number:prevState.number+1}))
  }

  render(){
    return <div>
      <h1>计时器: {this.state.number}</h1>
      <button onClick={this.handleClick.bind(this)}>+</button>
    </div> 
  }
} 
ReactDom.render(
  <Counter/>,
  document.getElementById('root')
)
